<script setup lang="ts">
import router from "@/Router";
import LeftList from "@/Components/LeftList.vue";

const emit = defineEmits(['page-to-send'])
const sendHomeTab = () => {
  router.push("/recommend")

}

const sendLoginTab = () => {
  router.push("/login")
}


</script>

<left-list></left-list>
<template>
  <div class="grid grid-cols-2 text-gray-5 select-none gap-3">
    <div @click="sendLoginTab"
         class="  font-bold hover:text-yellow-5 flex justify-center items-center">
      <div>Login</div>
    </div>

    <div @click="sendHomeTab"
         class="font-bold  hover:text-yellow-5 flex justify-center items-center">
      <div>Home</div>
    </div>

  </div>
</template>

<style scoped>
div::-webkit-scrollbar {
  display: none;
}
</style>